<template>
  <div id="Header">
    <mt-header :title="header" fixed class="hcon">
      <mt-button icon="" slot="left" class="iconfont icon-weibiaoti12" @click="showSide"></mt-button>
      <mt-button icon="" slot="right" class="iconfont icon-dingwei" @click="showMap">{{position}}</mt-button>
    </mt-header>
  </div>
</template>
<script>
export default {
    name:'Header',
    props: {
        header: String,
        position: String
    },
    data(){
        return{
           
        }
    },
    methods:{
        showSide(){
          this.$store.dispatch('showSideBar');
        },
        showMap(){
          this.$router.push('/map');
        }
    }
}
</script>
<style scoped>

</style>
